<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/menu.css" type="text/css" />
<link rel="stylesheet" href="css/style_slider.css">
<script  src="js/jquery.jcarousel.min.js"></script>
<script src="js/jcarousel.basic.js"></script>
</head>

<header>

<title>MAGSI</title>
<h1 align="center"> Bienvenidos</h1> 
<h2 align="center"> Magsi Ganadería Nicoya </h2>
<img src="">

</header>

<body>

<br/>
<nav id="menu" aling="center" >
  <ul class="nav" >
    	<li><a href="#">Inicio</li>
    	<li><a href="gestion_fincas.php">Gestión de Fincas</li>
        <li><a href="#">**Campo a Asignar**</li>
        <li><a href="#">Acerca de</li>        
      </ul>
</nav>
<br/>

<div class="wrapper">
            <div class="jcarousel-wrapper">
                <div class="jcarousel" id="slider">
                    <ul>
                        <li><img src="imagenes/finca.jpg" width="600" height="400" alt="" data-transition="slideInleft"></li>
                        <li><img src="imageness/sede.jpg" width="600" height="400" alt="" data-transition="slideInleft"></li>
                        <li><img src="imagenes/vendo.jpg" width="600" height="400" alt="" data-transition="slideInleft"></li>
                    </ul>
                </div>
                <a href="#" class="jcarousel-control-prev">&lsaquo;</a>
                <a href="#" class="jcarousel-control-next">&rsaquo;</a>
                
                <p class="jcarousel-pagination"></p>
            </div>
        </div>
<!--<div style="
    width: 100px;
    height: 75px;
    padding-top: 60px;
padding-left: 110px;
">
<img src="imagenes/Imagen3.png " width="100" height="74">
</div> -->
</div>
<p>&nbsp;</p>

<div align="center">

<img src="imagenes/1.jpg" style="width:500px; padding-top:25px; border:#000; border-image:5px"/>

			
</div>


</body>
</html>
